<template>
  <div class="report-container">
    <div class="report-module">
      <workhour-chart></workhour-chart>
    </div>
    <div class="report-module">
      <workhour-project-report></workhour-project-report>
    </div>
    <div class="report-module">
      <el-tabs type="border-card">
        <el-tab-pane label="个人工时汇总">
          <workhour-personal-report></workhour-personal-report>
        </el-tab-pane>
        <el-tab-pane label="销售工时汇总">
          <workhour-sales-report></workhour-sales-report>
        </el-tab-pane>
      </el-tabs>
    </div>
  </div>
</template>

<script>
  // import { } from "@/api/pmp/api.workhour";
  import workhourChart from "./components/workhour.chart";
  import workhourPersonalReport from "./components/workhour.personal.report";
  import workhourProjectReport from "./components/workhour.project.report";
  import workhourSalesReport from "./components/workhour.sales.report";

  export default {
    name: 'workhourReport',
    components: {
      workhourChart,
      workhourPersonalReport,
      workhourProjectReport,
      workhourSalesReport
    },
    data () {
      return {

      };
    },
    created() {

    },
    methods: {

    }
  };
</script>

<style lang="less" scoped>
  .report-container{
    width: 100%;
    height: 100%;
    background: rgb(244, 244, 244);
    .report-module{
      background: #fff;
      margin-bottom: 20px;
    }
  }
</style>
